<template>
  <view>
    <view class="commonitem" @click="gofollow">
      <view>我关注的</view>
      <uni-icons type="right" size="20"></uni-icons>
    </view>
    <view class="commonitem" @click="goshiming">
      <view>实名认证</view>
      <uni-icons type="right" size="20"></uni-icons>
    </view>
    <button open-type="contact" class="btn">
      <view class="commonitem">
        <view>联系客服</view>
        <uni-icons type="right" size="20"></uni-icons>
      </view>
    </button>
    <view class="commonitem" @click="gouseragreement">
      <view>用户协议</view>
      <uni-icons type="right" size="20"></uni-icons>
    </view>
    <view class="commonitem" @click="goprivacy">
      <view>隐私协议</view>
      <uni-icons type="right" size="20"></uni-icons>
    </view>
    <view class="commonitem" @click="aboutour">
      <view>关于我们</view>
      <uni-icons type="right" size="20"></uni-icons>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    // 跳转到我关注的列表
    gofollow() {
      uni.navigateTo({
        url: '/sub_my/follow/follow'
      });
    },
    //跳转到实名
    goshiming() {
      uni.navigateTo({
        url: '/sub_my/certification/certification'
      });
    },
    // 跳转到用户协议
    gouseragreement() {
      uni.navigateTo({
        url: '/sub_my/useragreement/useragreement'
      });
    },
    // 跳转到关于我们
    aboutour() {
      uni.navigateTo({
        url: '/sub_my/aboutour/aboutour'
      });
    },
    // 跳转到隐私协议
    goprivacy() {
      uni.navigateTo({
        url: '/sub_my/privacy/privacy'
      });
    }
  }
};
</script>

<style lang="less">
.commonitem {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  width: 750rpx;
  height: 120rpx;
  line-height: 120rpx;
  padding: 0 40rpx;
  background: #ffffff;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.btn {
  padding: 0;
  margin: 0;
  font-size: 32rpx;
}
.btn::after {
  border: none !important;
}
</style>
